<%--
    Document   : verReporteAsistencia
    Created on : 17/11/2010, 10:37:17 AM
    Author     : yngrdyn
--%>
<%@ include file='../Templates/security.jsp' %>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@ taglib uri="http://struts.apache.org/tags-nested" prefix="nested" %>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<h1 class="title">Reporte de Asistencias</h1>
<hr>
<br>
<center>
    <p id="errorReporteAsist" ></p>
    <html:form action="/reporteAsistencia" styleId="reporteAsistenciaForm">
        <input type="hidden" name="nombreSuperv" id="nombre_persona"/>
        <input type="hidden" name="apellSuperv" id="apellido_persona"/>
        <table cellspacing="5">
            <tr>
                <td>Fecha de la guardia:</td>
                <td><html:text property="fechaGstring" styleId="fecha"/>
                    <html:errors property="faltaFecha"/>
                    <html:errors property="format_Fecha"/>
                </td>
            </tr>
            <tr>
                <td>Sede:</td>
                <td>
                    <select id="Sedes" name="sede" onchange="listAreas(value);">
                        <option value="" selected> </option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>Area:</td>
                <td>
                    <select id="descArea" name="idArea">
                        <option value="" selected> </option>

                    </select>
                </td>
            </tr>
        </table>
        <br>
        <input type="button" id="buscarPersonal" onclick="listarCIPersonal();" value="Buscar"/>
        <br>
        <br>
        <div id="datosSupervisor">
            <table cellspacing="5px">
                <tr><th colspan="2"><br><b>Datos del supervisor de guardia:</b><hr><yh></tr>
                    <tr>
                        <td>Supervisor:</td>
                        <td>
                            <select id="superv" name="supervisor">
                                <option value="" selected>-</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>Observaciones:</td>
                        <td><html:textarea property="observ" styleId="observ"  cols="25" rows="3"/>
                            <html:errors property="falta_Sede"/>
                        </td>
                    </tr>
            </table>
            <html:submit value="Ver Reporte" styleClass="button" styleId="verReporte" disabled="true"/>
            <html:button property="" styleId="Asistencias" value="Atr&aacute;s" />
        </div>
    </html:form>
</center>
<script type="text/javascript">
    $(function(){
        listaSedes();
        $('#datosSupervisor').hide();
        $('#fecha').datepicker({
            dateFormat: 'dd/mm/yy',
            maxDate: new Date(),
            showOn: "button",
            buttonImage: "style/images/calendar.gif",
            buttonText: "calendario"
        }).attr('readonly', true);
    });

    var hashNombre = new Object();
    var hashApellido = new Object();
    var hashIdArea = new Object();

    function listarCIPersonal(){
        hashNombre = new Object();
        hashApellido = new Object();
        $.getJSON("personalAsistArea.do", $('#reporteAsistenciaForm').serialize(),
        function(data){
            $('#superv').html("<option value=''>-</option>");
            cont = 0;
            $.each(data.PersAsistArea, function(i,item){
                hashNombre[item.ci] = item.nombre;
                hashApellido[item.ci] = item.apellido;
                $('#superv').append("<option value='"+item.ci+"'>"+item.nombre+" "+item.apellido+"</option>");
                cont++;
            });
            if (cont == 0) setError("Lista de personal de vigilancia vac&iacute;a.");
            else {
                setError("");
                $('#datosSupervisor').show();
            }
        });
    }

    function listAreas(sede){
        $('#superv').empty();
        $.getJSON("listarIdAreas.do",{sede:sede},function(data){
            $('#descArea').html("<option value='' selected> </option>");
            var cont = 0;
            $.each(data.IdAreas,function(i,item){
                $('#descArea').append("<option value='"+item.idarea+"'>"+item.descrip+"</option>");
                cont = cont +1;
            });
            if (cont == 0){
                setError("Lista de areas vac&iacute;a.");
            } else
                setError("");
        });
    }

    function setError(mensaje){
        $("#errorReporteAsist").html("<font color = red >"+mensaje+"</font>");
    }

    $('#superv').change(function(){
        ci = $(this).val();
        if(ci.length) {
            $('#verReporte').attr('disabled',false);
            $("#nombre_persona").val(hashNombre[ci]);
            $("#apellido_persona").val(hashApellido[ci]);
        }
        else $('#verReporte').attr('disabled',true);
    });
</script>